<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>vue检测数据改变的原理_对象</title>
    <script
        type="text/javascript"
        src="../vue.js"
    ></script>
    </head>
    <body>
        <div id="root">
            <h2>学校名称：{{name}}</h2>
            <h2>学校地址：{{address}}</h2>
        </div>


        <script type="text/javascript">
            Vue.config.productionTip = false;
            const vm = new Vue({
                el: '#root',
                data() {
                    return {
                        name:'渭水中学',
                        address:'宝鸡',
                        a:{
                            b:1,
                        },
                        arr:[
                            {name: 'name1',address: 'address1',tel:'123456'},
                            {name: 'name2',address: 'address2',tel:'223456'},
                        ]
                    }
                }
            })

        </script>
    </body>
</html>